<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>按键触发</title>
</head>
<body>
<!--指定区域-->
<!--该值双向数据绑定
-->
<div id="app">
<!--难点：元素可能需要嵌套结构，事件可以嵌套
说明：如果事件嵌套必然带来事件冒泡
解决方案：阻止事件冒泡.stop属性-->
    数值:{{num}}}
    <div @click="num++">
        嵌套计算
        <button @click.stop="num++">计算</button>
        </div>

</div>
<script src="../js/vue.js"></script>
<!--3.创建Vue语法-->
<script>
    const APP = new Vue({
        //1.指定区域：
        el: "#app",
        //定义属性
        // 达到自增的效果
        data: {

        },



    })
</script>
</body>
</html>